<template>
	<view class="setting">
		<u-navbar bgColor="#fff">
			<view slot="left" class="align-center">
				<image @click="$tools.back()" src="@/static/login/back3.png" style="width: 36rpx; height: 36rpx"></image>
			</view>
			<view slot="center">
				<view style="font-weight: 600; font-size: 36rpx; color: #333333">设置</view>
			</view>
		</u-navbar>
		<view class="">
			<!-- <view class="flex-between1" style="padding: 56rpx 0; border-bottom: 1rpx solid #eeeeee">
				<view style="font-size: 28rpx; color: #333333">消息通知</view>
				<view class="">
					<u-switch v-model="value" size="40"></u-switch>
				</view>
			</view>
			<view class="flex-between1" style="padding: 56rpx 0; border-bottom: 1rpx solid #eeeeee">
				<view style="font-size: 28rpx; color: #333333">隐私</view>
				<view class="">
					<u-switch v-model="value" size="40"></u-switch>
				</view>
			</view> -->

			<view @click="show = true" class="flex-between1" style="padding: 56rpx 0; border-bottom: 1rpx solid #eeeeee">
				<view style="font-size: 28rpx; color: #333333">退出</view>
				<view class="">
					<image src="@/static/mine/mineright.png" style="width: 14rpx; height: 24rpx"></image>
				</view>
			</view>
		</view>
		<u-popup :show="show" @close="close" @open="open" round="40" :closeable="true">
			<view style="padding: 100rpx 0">
				<view class="flex-center1" style="margin-bottom: 50rpx">
					<image src="@/static/mine/tc.png" style="width: 292rpx; height: 262rpx"></image>
				</view>
				<view style="font-weight: 400; font-size: 28rpx; color: #333333; text-align: center; margin-bottom: 80rpx">你确定要退出吗</view>
				<view class="flex-center1">
					<view
						@click="outlogins()"
						class="flex-center1"
						style="width: 640rpx; height: 96rpx; background: #1365f9; border-radius: 16rpx; font-weight: 600; font-size: 32rpx; color: #ffffff"
					>
						确定
					</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
export default {
	data() {
		return {
			show: false,
			value: true
		};
	},
	methods: {
		open() {
			// console.log('open');
		},
		close() {
			this.show = false;
			// console.log('close');
		}
	}
};
</script>

<style lang="less" scoped>
.setting {
	padding: 200rpx 32rpx 0;
}
</style>